<script setup lang="ts">
import { ref } from 'vue'
import { User, Lock, Message } from '@element-plus/icons-vue'
import { useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'
import { login } from '../api/user'

const router = useRouter()

// 控制当前是登录还是注册状态
const isLogin = ref(true)

// 登录表单数据
const loginForm = ref({
  userAccount: '',
  userPassword: ''
})

// 注册表单数据
const registerForm = ref({
  username: '',
  email: '',
  password: '',
  confirmPassword: ''
})

// 切换登录/注册状态
const toggleForm = () => {
  isLogin.value = !isLogin.value
}

// 处理登录
const handleLogin = async () => {
  if (!loginForm.value.userAccount || !loginForm.value.userPassword) {
    ElMessage.error('请填写完整的登录信息')
    return
  }

  try {
    console.log('发送登录请求:', loginForm.value)
    const response = await login(loginForm.value)
    console.log('登录响应:', response)
    
    if (response.data?.code === 0 && response.data?.data?.tokenValue) {
      // 存储token
      localStorage.setItem('token', response.data.data.tokenValue)
      ElMessage.success('登录成功')
      // 跳转到首页
      router.push('/')
    } else {
      ElMessage.error(response.data?.message || '登录失败：未获取到token')
    }
  } catch (error: any) {
    console.error('登录请求详细信息:', {
      error,
      response: error.response?.data,
      status: error.response?.status,
      headers: error.response?.headers
    })
    ElMessage.error(error.response?.data?.message || '登录失败，请稍后重试')
  }
}

// 处理注册
const handleRegister = () => {
  if (!registerForm.value.username || !registerForm.value.email || 
      !registerForm.value.password || !registerForm.value.confirmPassword) {
    ElMessage.error('请填写完整的注册信息')
    return
  }
  
  if (registerForm.value.password !== registerForm.value.confirmPassword) {
    ElMessage.error('两次输入的密码不一致')
    return
  }
  
  // 这里模拟注册成功
  ElMessage.success('注册成功')
  isLogin.value = true
}
</script>

<template>
<div class="login-container">
  <div class="login-content">
    <div class="login-left">
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="795.4844970703125" height="618.7133178710938" viewBox="0 0 795.4844970703125 618.7133178710938" fill="none">
      <rect  x="113.6258544921875" y="0" width="288.0987548828125" height="72.23114013671875"    fill="#FFFFFF" >
      </rect>
      <path fill-rule="evenodd"  fill="rgba(255, 171, 79, 1)"  d="M113.626 11.2861L113.626 6.77167L115.126 6.77167L115.126 11.2861L113.626 11.2861ZM113.626 20.315L113.626 15.8006L115.126 15.8006L115.126 20.315L113.626 20.315ZM113.626 29.3439L113.626 24.8294L115.126 24.8295L115.126 29.3439L113.626 29.3439ZM113.626 38.3728L113.626 33.8583L115.126 33.8583L115.126 38.3728L113.626 38.3728ZM113.626 47.4017L113.626 42.8872L115.126 42.8872L115.126 47.4017L113.626 47.4017ZM113.626 56.4306L113.626 51.9161L115.126 51.9161L115.126 56.4306L113.626 56.4306ZM113.626 65.4594L113.626 60.945L115.126 60.945L115.126 65.4594L113.626 65.4594ZM126.044 72.2311L121.077 72.2311L121.077 70.7311L126.044 70.7311L126.044 72.2311ZM135.978 72.2311L131.011 72.2311L131.011 70.7311L135.978 70.7311L135.978 72.2311ZM145.913 72.2311L140.945 72.2311L140.945 70.7311L145.913 70.7311L145.913 72.2311ZM155.847 72.2311L150.88 72.2311L150.88 70.7311L155.847 70.7311L155.847 72.2311ZM165.782 72.2311L160.814 72.2311L160.814 70.7311L165.782 70.7311L165.782 72.2311ZM175.716 72.2311L170.749 72.2311L170.749 70.7311L175.716 70.7311L175.716 72.2311ZM185.65 72.2311L180.683 72.2311L180.683 70.7311L185.65 70.7311L185.65 72.2311ZM195.585 72.2311L190.618 72.2311L190.618 70.7311L195.585 70.7311L195.585 72.2311ZM205.519 72.2311L200.552 72.2311L200.552 70.7311L205.519 70.7311L205.519 72.2311ZM215.454 72.2311L210.487 72.2311L210.487 70.7311L215.454 70.7311L215.454 72.2311ZM225.388 72.2311L220.421 72.2311L220.421 70.7311L225.388 70.7311L225.388 72.2311ZM235.323 72.2311L230.355 72.2311L230.355 70.7311L235.323 70.7311L235.323 72.2311ZM245.257 72.2311L240.29 72.2311L240.29 70.7311L245.257 70.7311L245.257 72.2311ZM255.192 72.2311L250.224 72.2311L250.224 70.7311L255.192 70.7311L255.192 72.2311ZM265.126 72.2311L260.159 72.2311L260.159 70.7311L265.126 70.7311L265.126 72.2311ZM275.06 72.2311L270.093 72.2311L270.093 70.7311L275.06 70.7311L275.06 72.2311ZM284.995 72.2311L280.028 72.2311L280.028 70.7311L284.995 70.7311L284.995 72.2311ZM294.929 72.2311L289.962 72.2311L289.962 70.7311L294.929 70.7311L294.929 72.2311ZM304.864 72.2311L299.897 72.2311L299.897 70.7311L304.864 70.7311L304.864 72.2311ZM314.798 72.2311L309.831 72.2311L309.831 70.7311L314.798 70.7311L314.798 72.2311ZM324.733 72.2311L319.766 72.2311L319.766 70.7311L324.733 70.7311L324.733 72.2311ZM334.667 72.2311L329.7 72.2311L329.7 70.7311L334.667 70.7311L334.667 72.2311ZM344.602 72.2311L339.634 72.2311L339.634 70.7311L344.602 70.7311L344.602 72.2311ZM354.536 72.2311L349.569 72.2311L349.569 70.7311L354.536 70.7311L354.536 72.2311ZM364.471 72.2311L359.503 72.2311L359.503 70.7311L364.471 70.7311L364.471 72.2311ZM374.405 72.2311L369.438 72.2311L369.438 70.7311L374.405 70.7311L374.405 72.2311ZM384.339 72.2311L379.372 72.2311L379.372 70.7311L384.339 70.7311L384.339 72.2311ZM394.274 72.2311L389.307 72.2311L389.307 70.7311L394.274 70.7311L394.274 72.2311ZM401.725 60.945L401.725 65.4594L400.225 65.4594L400.225 60.945L401.725 60.945ZM401.725 51.9161L401.725 56.4306L400.225 56.4306L400.225 51.9161L401.725 51.9161ZM401.725 42.8872L401.725 47.4017L400.225 47.4017L400.225 42.8872L401.725 42.8872ZM401.725 33.8583L401.725 38.3728L400.225 38.3728L400.225 33.8583L401.725 33.8583ZM401.725 24.8294L401.725 29.3439L400.225 29.3439L400.225 24.8294L401.725 24.8294ZM401.725 15.8006L401.725 20.315L400.225 20.315L400.225 15.8006L401.725 15.8006ZM401.725 6.77167L401.725 11.2861L400.225 11.2861L400.225 6.77167L401.725 6.77167ZM389.307 0L394.274 0L394.274 1.5L389.307 1.5L389.307 0ZM379.372 0L384.339 0L384.339 1.5L379.372 1.5L379.372 0ZM369.438 0L374.405 0L374.405 1.5L369.438 1.5L369.438 0ZM359.503 0L364.471 0L364.471 1.5L359.503 1.5L359.503 0ZM349.569 0L354.536 0L354.536 1.5L349.569 1.5L349.569 0ZM339.634 0L344.602 0L344.602 1.5L339.634 1.5L339.634 0ZM329.7 0L334.667 0L334.667 1.5L329.7 1.5L329.7 0ZM319.766 0L324.733 0L324.733 1.5L319.766 1.5L319.766 0ZM309.831 0L314.798 0L314.798 1.5L309.831 1.5L309.831 0ZM299.897 0L304.864 0L304.864 1.5L299.897 1.5L299.897 0ZM289.962 0L294.929 0L294.929 1.5L289.962 1.5L289.962 0ZM280.028 0L284.995 0L284.995 1.5L280.028 1.5L280.028 0ZM270.093 0L275.06 0L275.06 1.5L270.093 1.5L270.093 0ZM260.159 0L265.126 0L265.126 1.5L260.159 1.5L260.159 0ZM250.224 0L255.192 0L255.192 1.5L250.224 1.5L250.224 0ZM240.29 0L245.257 0L245.257 1.5L240.29 1.5L240.29 0ZM230.355 0L235.323 0L235.323 1.5L230.355 1.5L230.355 0ZM220.421 0L225.388 0L225.388 1.5L220.421 1.5L220.421 0ZM210.487 0L215.454 0L215.454 1.5L210.487 1.5L210.487 0ZM200.552 0L205.519 0L205.519 1.5L200.552 1.5L200.552 0ZM190.618 0L195.585 0L195.585 1.5L190.618 1.5L190.618 0ZM180.683 0L185.651 0L185.651 1.5L180.683 1.5L180.683 0ZM170.749 0L175.716 0L175.716 1.5L170.749 1.5L170.749 0ZM160.814 0L165.782 0L165.782 1.5L160.814 1.5L160.814 0ZM150.88 0L155.847 0L155.847 1.5L150.88 1.5L150.88 0ZM140.946 0L145.913 0L145.913 1.5L140.946 1.5L140.946 0ZM131.011 0L135.978 0L135.978 1.5L131.011 1.5L131.011 0ZM121.077 0L126.044 0L126.044 1.5L121.077 1.5L121.077 0ZM116.109 0L113.626 0L113.626 2.25722L115.126 2.25723L115.126 1.5L116.109 1.5L116.109 0ZM399.241 0L401.725 0L401.725 2.25722L400.225 2.25722L400.225 1.5L399.241 1.5L399.241 0ZM401.725 69.9739L401.725 72.2311L399.241 72.2311L399.241 70.7311L400.225 70.7311L400.225 69.9739L401.725 69.9739ZM116.109 72.2311L115.126 72.2311L113.626 72.2311L113.626 69.9739L115.126 69.9739L115.126 70.7311L116.109 70.7311L116.109 72.2311Z">
      </path>
      <ellipse cx="357.2115478515625" cy="36.115570068359375" rx="12.36474609375" ry="10.622222900390625"   fill="#FFAB4F" >
      </ellipse>
      <ellipse cx="317.6446533203125" cy="36.115570068359375" rx="12.36474609375" ry="10.622222900390625"   fill="#FFAB4F" >
      </ellipse>
      <ellipse cx="278.077392578125" cy="36.115570068359375" rx="12.36474609375" ry="10.622222900390625"   fill="#FFAB4F" >
      </ellipse>
      <ellipse cx="238.510009765625" cy="36.115570068359375" rx="12.36474609375" ry="10.622222900390625"   fill="#FFAB4F" >
      </ellipse>
      <ellipse cx="198.9425048828125" cy="36.115570068359375" rx="12.36474609375" ry="10.622222900390625"   fill="#FFAB4F" >
      </ellipse>
      <ellipse cx="159.37548828125" cy="36.115570068359375" rx="12.36474609375" ry="10.622222900390625"   fill="#FFAB4F" >
      </ellipse>
      <path   fill="rgba(255, 171, 79, 1)"  d="M88.0645 72.7946M88.0645 72.7946Q87.6698 73.1414 86.9636 73.8152Q85.5422 75.1713 83.9998 76.7951L82.9122 75.7621Q84.4801 74.1115 85.9281 72.7299Q86.6566 72.0349 87.0745 71.6677L88.0645 72.7946ZM80.0359 81.212M80.0359 81.212Q78.0802 83.5148 76.2589 85.9124L75.0645 85.005Q76.9105 82.5749 78.8926 80.2411L80.0359 81.212ZM72.7013 90.8815M72.7013 90.8815Q71.0453 93.3414 69.5735 95.8303L68.2824 95.0668Q69.7765 92.5401 71.457 90.0438L72.7013 90.8815ZM66.6565 101.15M66.6565 101.15Q65.3066 103.82 64.184 106.492L62.8011 105.911Q63.9442 103.191 65.3178 100.474L66.6565 101.15ZM62.0728 112.121M62.0728 112.121Q61.1349 114.965 60.4634 117.791L59.004 117.444Q59.6903 114.556 60.6483 111.651L62.0728 112.121ZM59.3508 123.683M59.3508 123.683Q58.9363 126.653 58.8239 129.589L57.325 129.532Q57.4403 126.52 57.8652 123.476L59.3508 123.683ZM58.9063 135.502M58.9061 135.498L58.9498 136.103Q59.1556 138.75 59.62 141.433L58.142 141.689Q57.6655 138.937 57.4537 136.212L57.41 135.606L58.9061 135.498ZM60.9094 147.21M60.9094 147.21Q61.6793 150.032 62.7266 152.88L61.3187 153.398Q60.2492 150.489 59.4623 147.604L60.9094 147.21ZM64.9941 158.375M64.9941 158.375Q66.2147 161.043 67.6702 163.722L66.3522 164.438Q64.8721 161.714 63.6301 158.999L64.9941 158.375ZM70.6807 168.872M70.6807 168.872Q72.2427 171.369 73.9988 173.859L72.7731 174.724Q70.9931 172.2 69.409 169.668L70.6807 168.872ZM77.5728 178.661M77.5728 178.661Q79.4076 181.003 81.3964 183.311L80.26 184.29Q78.2485 181.955 76.392 179.586L77.5728 178.661ZM85.3559 187.709M85.3559 187.709Q87.466 189.954 89.6684 192.1L88.6217 193.174Q86.3956 191.005 84.263 188.736L85.3559 187.709ZM94.0823 196.212M94.0823 196.212Q95.5835 197.546 96.9288 198.655Q97.5983 199.207 97.9649 199.491L97.9649 199.491L97.0475 200.677L97.0475 200.677Q96.6619 200.379 95.9745 199.812Q94.6077 198.685 93.0859 197.333L94.0823 196.212Z">
      </path>
      <path d="M19.7167 383.807C19.7167 383.807 -6.57208 401.572 2.19086 426.69C3.07591 429.227 9.30453 436.3 15.6455 443.278C19.5337 447.557 25.5217 450.474 26.834 456.19C28.462 463.28 21.7976 470.544 19.7167 477.884C17.469 485.813 18.4551 493.682 19.7167 497.306C25.2878 513.308 48.8165 521.925 50.1414 527.973C52.3855 538.215 42.3373 559.753 50.1414 574.993C55.5152 585.486 85.2896 601.23 85.2896 601.23L123.853 601.23L100.97 459.334C100.97 459.334 77.0864 453.261 71.8404 445.424C66.4525 437.376 67.9614 428.14 66.6499 419.315C65.2484 409.885 61.1302 401.018 58.2106 397.606C45.7421 383.032 19.7167 383.807 19.7167 383.807Z"   fill="#FFD7AB" >
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M35.5304 419.316L108.151 585.829">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M71.8411 452.791L61.4602 478.315">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M40.2369 483.479L70.6858 499.817">
      </path>
      <path d="M85.2897 585.828L148.912 585.828L161.959 419.315L169.245 419.315L169.245 585.828L217.914 585.828L217.914 369.94L100.21 369.94L85.2897 585.828Z" stroke="rgba(30, 30, 31, 1)" stroke-width="1"      fill="#FFFFFF" >
      </path>
      <path d="M205.051 379.848C205.051 379.848 273.776 359.66 273.776 304.266C273.776 285.276 271.08 267.288 261.094 252.15C254.928 242.802 248.692 232.822 239.22 225.83C219.289 211.118 191.416 203.967 164.542 203.967C159.475 203.967 154.446 204.274 149.487 204.871C121.519 208.239 95.7382 220.842 77.5113 239.742C60.4886 257.393 50.1412 280.824 50.1412 305.328C50.1412 317.633 51.3862 331.389 56.1984 342.2C65.4396 362.962 83.692 383.508 105.422 394.399C106.66 395.02 136.347 373.875 136.347 373.875L143.162 379.848L205.051 379.848Z"   fill="#1E1E1F" >
      </path>
      <path    stroke="rgba(255, 255, 255, 1)" stroke-width="1"  stroke-linecap="round"  d="M99.7763 285.376C99.7763 285.376 92.4901 296.671 96.7993 314.713C101.108 332.756 140.397 372.479 140.397 372.479">
      </path>
      <path     fill="#FFFFFF"  d="M150.62 182.334L179.535 182.334L179.535 206.226C179.535 214.211 173.062 220.684 165.077 220.684L165.077 220.684C157.093 220.684 150.62 214.211 150.62 206.226L150.62 182.334Z">
      </path>
      <path fill-rule="evenodd"  fill="rgba(30, 30, 31, 1)"  d="M150.62 182.334L150.62 206.226C150.62 214.211 157.093 220.684 165.077 220.684C173.062 220.684 179.535 214.211 179.535 206.226L179.535 182.334L150.62 182.334ZM151.62 183.334L151.62 206.226C151.62 213.659 157.645 219.684 165.077 219.684C172.51 219.684 178.535 213.659 178.535 206.226L178.535 183.334L151.62 183.334Z">
      </path>
      <path d="M187.8 159.718C187.8 159.718 194.639 149.789 194.315 145.116C193.991 140.442 191.11 137.068 183.957 136.202C176.805 135.336 166.137 133.573 149.549 143.113C140.852 148.114 135.92 162.912 138.931 172.477C141.662 181.155 151.762 184.974 155.975 183.595C164.082 180.942 187.8 159.718 187.8 159.718Z"   fill="#1E1E1F" >
      </path>
      <path   fill-rule="evenodd"  fill="#FFFFFF"  d="M170.968 191.184C182.797 191.184 192.386 182.379 192.386 171.518C192.386 160.656 182.797 151.851 170.968 151.851C163.345 151.851 156.653 155.507 152.857 161.014C151.625 160.198 150.113 159.718 148.478 159.718C144.338 159.718 140.981 162.799 140.981 166.601C140.981 170.402 144.338 173.484 148.478 173.484C148.875 173.484 149.266 173.456 149.646 173.401C150.679 183.379 159.831 191.184 170.968 191.184Z">
      </path>
      <path fill-rule="evenodd"  fill="rgba(30, 30, 31, 1)"  d="M149.777 174.393C151.292 183.891 160.202 191.184 170.968 191.184C182.797 191.184 192.386 182.379 192.386 171.518C192.386 160.656 182.797 151.851 170.968 151.851C163.345 151.851 156.653 155.507 152.857 161.014C151.625 160.198 150.113 159.718 148.478 159.718C144.338 159.718 140.981 162.799 140.981 166.601C140.981 170.402 144.338 173.484 148.478 173.484C148.655 173.484 148.831 173.479 149.005 173.467C149.221 173.454 149.435 173.431 149.646 173.401C149.681 173.734 149.724 174.065 149.777 174.393ZM185.437 184.687Q179.45 190.184 170.968 190.184Q163.015 190.184 157.161 185.268Q151.377 180.412 150.641 173.298L150.534 172.263L149.504 172.411Q148.996 172.484 148.478 172.484Q145.762 172.484 143.853 170.731Q141.981 169.013 141.981 166.601Q141.981 164.189 143.853 162.47Q145.762 160.718 148.478 160.718Q150.598 160.718 152.305 161.847L153.123 162.389L153.68 161.581Q159.699 152.851 170.968 152.851Q179.45 152.851 185.437 158.348Q191.386 163.811 191.386 171.518Q191.386 179.224 185.437 184.687Z">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M147.244 166.095C147.244 166.095 150.012 166.315 149.744 168.152">
      </path>
      <path d="M103.645 585.828L85.2897 602.213L131.012 602.213L131.012 585.828L103.645 585.828Z"   fill="#1E1E1F" >
      </path>
      <path d="M183.172 585.828L183.172 602.213L206.308 602.213L206.308 585.828L183.172 585.828Z"   fill="#1E1E1F" >
      </path>
      <path d="M109.667 391.103L136.586 421.025L159.359 404.369L154.129 398.978L159.359 395.305L136.586 372.479L109.667 391.103Z" stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round" >
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M132.54 405.962L142.266 416.477">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M138.344 402.092L148.26 412.421">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M144.686 397.606L153.956 407.257">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M148.259 392.752L154.13 398.978">
      </path>
      <g opacity="0">
      <rect transform="matrix(0.8125432729721069, 0.5829006433486938, -0.6480402946472168, 0.7616060376167297, 404.5079345703125, 143.71356201171875)" x="0" y="0" width="155.78854074566115" height="152.61235683638603"   fill="#000000" >
      </rect>
      </g>
      <path d="M461.602 280.4C460.669 281.497 459.71 282.427 458.833 283.27L462.685 296.643C463.716 300.327 461.691 304.023 457.843 305.532L433.117 314.446C430.389 315.581 427.161 315.031 424.773 313.318C423.977 312.747 423.266 312.09 422.704 311.244L414.88 299.156C411.878 298.917 409.129 298.562 406.439 297.957L395.728 307.346C392.741 309.915 388.093 310.111 384.71 307.685L363.413 292.407C360.031 289.98 359.092 285.629 361.183 282.418L368.436 270.695C367.146 268.445 366.007 266.009 365.128 263.465L350.468 259.424C349.439 259.128 348.662 258.717 347.866 258.146C345.478 256.433 344.196 253.601 344.635 250.824L348.015 226.891C348.657 222.935 352.075 220.238 356.218 220.266L371.281 220.463C372.016 219.223 372.866 218.215 373.644 217.301C374.422 216.387 375.381 215.456 376.414 214.431L372.555 201.065C371.523 197.381 373.709 193.493 377.579 192.147L402.229 183.338C404.957 182.203 408.176 182.748 410.564 184.461C411.36 185.032 412.079 185.695 412.642 186.54L420.466 198.629C423.467 198.868 426.208 199.216 428.898 199.821L439.518 190.355C442.505 187.786 447.153 187.59 450.536 190.016L471.833 205.294C475.216 207.721 476.133 211.91 474.063 215.283L466.804 227.014C468.093 229.264 469.233 231.699 470.112 234.244L484.779 238.29C485.809 238.587 486.578 238.991 487.374 239.562C489.762 241.275 491.044 244.108 490.604 246.884L487.231 270.809C486.589 274.766 483.165 277.47 479.022 277.443L463.965 277.238C463.287 278.224 462.535 279.303 461.602 280.4ZM393.743 231.722C404.011 219.654 423.16 217.49 436.294 226.912C449.427 236.334 451.772 253.917 441.504 265.985C431.236 278.053 412.087 280.217 398.953 270.796C385.82 261.374 383.474 243.79 393.743 231.722Z" stroke="rgba(255, 171, 79, 1)" stroke-width="1.78104257423507"    fill-rule="evenodd"  fill="#FFFFFF" >
      </path>
      <g opacity="0">
      <rect transform="matrix(0.9582627415657043, 0.28588980436325073, -0.3335944414138794, 0.9427165985107422, 302.7279052734375, 130.29339599609375)" x="0" y="0" width="89.28112062247008" height="83.3299903292916"   fill="#000000" >
      </rect>
      </g>
      <path d="M361.28 192.176C361.018 192.917 360.708 193.584 360.422 194.181L365.239 200.538C366.55 202.295 366.255 204.592 364.545 206.063L353.398 215.109C352.199 216.186 350.391 216.463 348.777 215.982C348.239 215.821 347.717 215.599 347.245 215.253L340.61 210.262C338.98 210.664 337.46 210.969 335.919 211.124L332.243 217.948C331.207 219.825 328.801 220.747 326.515 220.064L312.122 215.77C309.835 215.088 308.435 212.959 308.866 210.901L310.228 203.459C309.079 202.502 307.978 201.414 306.984 200.23L298.421 200.687C297.818 200.712 297.33 200.633 296.792 200.472C295.178 199.991 293.916 198.725 293.568 197.186L290.352 184.001C289.865 181.806 291.098 179.785 293.283 179.07L301.249 176.528C301.377 175.748 301.619 175.063 301.838 174.447L301.839 174.442C302.058 173.824 302.364 173.167 302.694 172.446L297.877 166.089C296.566 164.332 296.906 161.907 298.662 160.518L309.795 151.541C310.994 150.464 312.801 150.187 314.415 150.668C314.953 150.829 315.466 151.048 315.939 151.394L322.573 156.385C324.203 155.983 325.723 155.678 327.265 155.523L330.883 148.682C331.919 146.805 334.324 145.883 336.611 146.566L351.004 150.86C353.29 151.542 354.645 153.59 354.26 155.729L352.889 163.168C354.037 164.125 355.138 165.213 356.132 166.397L364.695 165.94C365.299 165.915 365.796 165.997 366.334 166.158C367.948 166.639 369.21 167.905 369.557 169.444L372.764 182.626C373.251 184.821 372.019 186.843 369.833 187.557L361.867 190.099C361.715 190.737 361.543 191.434 361.28 192.176ZM315.421 178.498C318.308 170.342 327.929 165.836 336.806 168.484C345.683 171.132 350.582 179.971 347.696 188.127C344.809 196.283 335.188 200.79 326.311 198.142C317.435 195.493 312.535 186.655 315.421 178.498Z" fill-rule="evenodd"  fill="#FFAB4F" >
      </path>
      <rect x="206.30810546875" y="252.14996337890625" width="398.3835754394531" height="350.0633850097656"   fill="#FFD7AB" >
      </rect>
      <rect x="269.4927978515625" y="305.24945068359375" width="273.08544921875" height="42.282928466796875"   fill="#FFFFFF" >
      </rect>
      <rect x="269.4927978515625" y="371.13226318359375" width="273.08544921875" height="42.282958984375"   fill="#FFFFFF" >
      </rect>
      <rect x="269.4927978515625" y="437.01531982421875" width="273.08544921875" height="42.282958984375"   fill="#FFFFFF" >
      </rect>
      <rect x="321.9686279296875" y="518.6305541992188" width="168.135009765625" height="42.282958984375"   fill="#FFAB4F" >
      </rect>
      <rect  x="284.6741943359375" y="238.38336181640625" width="29.98590087890625" height="22.616455078125"    fill="#FFFFFF" >
      </rect>
      <path fill-rule="evenodd"  fill="rgba(30, 30, 31, 1)"  d="M314.66 238.383L284.674 238.383L284.674 261L314.66 261L314.66 238.383ZM285.674 260L285.674 239.383L313.66 239.383L313.66 260L285.674 260Z">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M291.378 245.5L291.378 260.017">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M300.015 245.758L299.947 260.017">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M307.511 243.792L307.443 260.017">
      </path>
      <path   fill="rgba(255, 171, 79, 1)"  d="M695.687 207.79M695.687 207.79Q696.166 208.055 697.036 208.571Q698.783 209.608 700.723 210.857L701.535 209.596Q699.572 208.332 697.801 207.281Q696.912 206.753 696.414 206.477L695.687 207.79ZM705.504 214.071M705.504 214.071Q708.014 215.83 710.43 217.674L711.34 216.482Q708.899 214.619 706.364 212.843L705.504 214.071ZM715.056 221.356M715.056 221.356Q717.442 223.338 719.653 225.357L720.664 224.249Q718.427 222.207 716.015 220.203L715.056 221.356ZM723.944 229.477M723.944 229.477Q726.105 231.662 728.036 233.862L729.163 232.873Q727.203 230.639 725.011 228.422L723.944 229.477ZM731.835 238.495M731.835 238.495Q733.693 240.932 735.255 243.367L736.518 242.557Q734.923 240.071 733.028 237.586L731.835 238.495ZM738.221 248.503M738.221 248.503Q739.611 251.213 740.623 253.905L742.027 253.378Q740.985 250.605 739.555 247.819L738.221 248.503ZM742.331 259.545M742.331 259.545Q743.001 262.468 743.213 265.357L744.709 265.247Q744.488 262.244 743.793 259.21L742.331 259.545ZM743.167 271.282M743.167 271.282Q742.919 274.382 742.58 277.411L744.071 277.577Q744.412 274.526 744.662 271.402L743.167 271.282ZM741.85 283.143M741.85 283.143Q741.406 286.233 740.866 289.231L742.342 289.497Q742.887 286.473 743.334 283.356L741.85 283.143ZM739.726 294.961M739.726 294.961Q739.07 297.966 738.315 300.847L739.766 301.227Q740.529 298.317 741.191 295.281L739.726 294.961ZM736.661 306.628M736.661 306.628Q735.754 309.54 734.753 312.246L736.16 312.766Q737.174 310.023 738.093 307.074L736.661 306.628ZM732.506 317.787M732.506 317.787Q731.614 319.786 730.746 321.439Q730.228 322.423 729.837 323.069L731.12 323.846Q731.535 323.161 732.074 322.136Q732.964 320.441 733.876 318.398L732.506 317.787Z">
      </path>
      <ellipse  cx="637.8919067382812" cy="167.83126831054688" rx="61.82379150390625" ry="53.111114501953125"    fill="#FFFFFF" >
      </ellipse>
      <path fill-rule="evenodd"  fill="rgba(255, 171, 79, 1)"  d="M626.367 115.641C627.865 115.399 629.382 115.202 630.916 115.055L631.049 116.437Q628.804 116.654 626.589 117.012L626.367 115.641ZM617.312 117.734C618.78 117.289 620.274 116.89 621.79 116.539L622.103 117.893Q619.883 118.406 617.715 119.063L617.312 117.734ZM608.651 121.024C610.055 120.376 611.491 119.773 612.957 119.217L613.449 120.516Q611.302 121.33 609.234 122.285L608.651 121.024ZM600.554 125.496C601.844 124.655 603.174 123.857 604.541 123.103L605.212 124.319Q603.209 125.423 601.313 126.66L600.554 125.496ZM593.218 131.118C594.356 130.096 595.54 129.113 596.769 128.172L597.614 129.275Q595.813 130.654 594.146 132.151L593.218 131.118ZM586.861 137.841C587.814 136.646 588.822 135.487 589.883 134.366L590.892 135.32Q589.338 136.963 587.946 138.707L586.861 137.841ZM581.744 145.57C582.473 144.215 583.267 142.891 584.122 141.601L585.28 142.368Q584.028 144.258 582.967 146.228L581.744 145.57ZM578.156 154.094C578.615 152.617 579.147 151.165 579.747 149.742L581.026 150.281Q580.148 152.365 579.482 154.506L578.156 154.094ZM576.307 163.135C576.464 161.595 576.697 160.073 577.004 158.574L578.365 158.852Q577.915 161.048 577.688 163.276L576.307 163.135ZM576.302 172.483C576.147 170.95 576.068 169.399 576.068 167.831L576.068 167.808L577.457 167.809L577.457 167.831Q577.457 170.098 577.684 172.344L576.302 172.483ZM578.143 181.526C577.688 180.056 577.304 178.562 576.995 177.045L578.356 176.768Q578.803 178.964 579.469 181.115L578.143 181.526ZM581.723 190.053C580.992 188.692 580.327 187.3 579.729 185.879L581.01 185.341Q581.877 187.403 582.947 189.396L581.723 190.053ZM586.833 197.787C585.862 196.568 584.949 195.313 584.097 194.024L585.255 193.258Q586.497 195.136 587.919 196.922L586.833 197.787ZM593.184 204.515C592.023 203.471 590.911 202.387 589.852 201.264L590.862 200.311Q592.412 201.953 594.113 203.482L593.184 204.515ZM600.516 210.142C599.214 209.291 597.952 208.398 596.734 207.463L597.579 206.361Q599.368 207.733 601.276 208.979L600.516 210.142ZM608.611 214.619C607.208 213.97 605.837 213.276 604.502 212.538L605.174 211.322Q607.139 212.408 609.194 213.359L608.611 214.619ZM617.27 217.916C615.792 217.467 614.339 216.971 612.914 216.429L613.408 215.131Q615.509 215.929 617.674 216.587L617.27 217.916ZM626.324 220.014C624.777 219.763 623.25 219.462 621.746 219.113L622.06 217.76Q624.282 218.275 626.547 218.643L626.324 220.014ZM635.521 220.904C633.956 220.853 632.405 220.753 630.872 220.604L631.006 219.221Q633.275 219.442 635.566 219.516L635.521 220.904ZM644.89 220.606C643.356 220.754 641.806 220.855 640.24 220.905L640.195 219.517Q642.487 219.443 644.756 219.223L644.89 220.606ZM654.016 219.118C652.512 219.466 650.985 219.767 649.438 220.018L649.216 218.647Q651.48 218.279 653.703 217.765L654.016 219.118ZM662.848 216.437C661.424 216.978 659.971 217.474 658.493 217.922L658.089 216.593Q660.254 215.936 662.355 215.139L662.848 216.437ZM671.262 212.549C669.927 213.286 668.556 213.98 667.153 214.629L666.57 213.368Q668.625 212.418 670.591 211.333L671.262 212.549ZM679.032 207.477C677.813 208.411 676.551 209.304 675.249 210.154L674.49 208.991Q676.398 207.745 678.187 206.374L679.032 207.477ZM685.917 201.281C684.857 202.402 683.744 203.486 682.583 204.53L681.655 203.497Q683.356 201.968 684.907 200.327L685.917 201.281ZM691.674 194.043C690.822 195.331 689.908 196.586 688.937 197.804L687.851 196.938Q689.274 195.154 690.516 193.276L691.674 194.043ZM696.046 185.9C695.448 187.32 694.781 188.712 694.05 190.073L692.827 189.415Q693.898 187.422 694.766 185.361L696.046 185.9ZM698.784 177.067C698.475 178.583 698.09 180.078 697.634 181.547L696.308 181.136Q696.975 178.984 697.423 176.789L698.784 177.067ZM699.716 167.831C699.716 169.406 699.636 170.965 699.48 172.506L698.098 172.365Q698.327 170.109 698.327 167.831L699.716 167.831ZM698.793 158.639C699.098 160.139 699.329 161.661 699.484 163.202L698.102 163.34Q697.878 161.112 697.432 158.915L698.793 158.639ZM696.063 149.804C696.661 151.228 697.191 152.68 697.648 154.158L696.321 154.568Q695.658 152.427 694.783 150.342L696.063 149.804ZM691.699 141.657C692.552 142.948 693.344 144.273 694.071 145.629L692.847 146.286Q691.79 144.314 690.54 142.423L691.699 141.657ZM685.947 134.414C687.006 135.537 688.013 136.697 688.965 137.893L687.878 138.758Q686.489 137.012 684.937 135.367L685.947 134.414ZM679.068 128.213C680.296 129.156 681.48 130.14 682.617 131.163L681.688 132.195Q680.021 130.696 678.222 129.315L679.068 128.213ZM671.301 123.135C672.667 123.89 673.997 124.691 675.286 125.533L674.526 126.696Q672.631 125.457 670.629 124.351L671.301 123.135ZM662.891 119.241C664.356 119.798 665.791 120.403 667.193 121.053L666.61 122.313Q664.543 121.355 662.397 120.539L662.891 119.241ZM654.06 116.555C655.575 116.907 657.068 117.307 658.535 117.753L658.131 119.082Q655.964 118.423 653.746 117.908L654.06 116.555ZM644.935 115.061C646.468 115.21 647.984 115.408 649.482 115.652L649.258 117.023Q647.044 116.662 644.8 116.443L644.935 115.061ZM640.285 114.759L640.24 116.147Q639.068 116.109 637.892 116.109Q636.749 116.109 635.611 116.145L635.567 114.757C636.338 114.733 637.113 114.72 637.892 114.72C638.693 114.72 639.491 114.733 640.285 114.759Z">
      </path>
      <path d="M632.215 174.892L637.895 170.109C644.038 173.524 652.187 172.829 657.395 168.449C663.159 163.596 663.471 155.815 658.105 150.649C652.738 145.483 643.53 144.699 637.045 148.859C630.56 153.018 629.018 160.694 633.515 166.419L613.575 183.209C612.4 184.232 612.419 185.853 613.615 186.859C614.81 187.865 616.739 187.877 617.955 186.889L620.145 185.049L624.535 188.739C625.751 189.727 627.679 189.715 628.875 188.709C630.07 187.703 630.089 186.072 628.915 185.049L624.535 181.359L628.914 177.671L628.911 177.669L632.215 174.892ZM632.215 174.892L633.301 173.979L639.871 179.519C640.453 180.008 640.781 180.667 640.781 181.359C640.781 182.051 640.453 182.72 639.871 183.209L639.861 183.209C638.651 184.227 636.691 184.227 635.481 183.209L628.914 177.671L632.215 174.892ZM637.402 157.177C638.257 154.46 640.784 152.347 644.012 151.627C647.24 150.907 650.67 151.693 653.012 153.697C655.36 155.673 656.281 158.557 655.422 161.257C654.562 163.957 652.06 166.063 648.852 166.787C645.643 167.51 642.22 166.743 639.872 164.767C637.491 162.796 636.546 159.893 637.402 157.177Z" fill-rule="evenodd"  fill="#FFAB4F" >
      </path>
      <path    stroke="rgba(255, 171, 79, 1)" stroke-width="1.5"    d="M676.963 454.383L676.963 509.867">
      </path>
      <ellipse  cx="677.4591674804688" cy="391.96014404296875" rx="72.95208740234375" ry="62.671142578125"    fill="#FFFFFF" >
      </ellipse>
      <path fill-rule="evenodd"  fill="rgba(255, 177, 92, 1)"  d="M677.459 454.631C717.749 454.631 750.411 426.572 750.411 391.96C750.411 357.348 717.749 329.289 677.459 329.289C637.169 329.289 604.507 357.348 604.507 391.96C604.507 426.572 637.169 454.631 677.459 454.631ZM747.47 379.677Q748.911 385.728 748.911 391.96Q748.911 398.192 747.47 404.243Q746.064 410.143 743.333 415.692Q740.647 421.147 736.773 426.073Q732.931 430.959 728.067 435.137Q723.196 439.321 717.494 442.631Q711.732 445.975 705.343 448.296Q698.832 450.662 691.902 451.881Q684.788 453.131 677.459 453.131Q670.131 453.131 663.016 451.881Q656.087 450.662 649.575 448.296Q643.186 445.975 637.424 442.631Q631.722 439.321 626.852 435.137Q621.988 430.959 618.145 426.073Q614.272 421.147 611.586 415.692Q608.854 410.143 607.448 404.243Q606.007 398.192 606.007 391.96Q606.007 385.728 607.448 379.677Q608.854 373.777 611.586 368.228Q614.272 362.773 618.145 357.847Q621.988 352.961 626.852 348.783Q631.722 344.599 637.424 341.29Q643.186 337.945 649.575 335.624Q656.087 333.258 663.016 332.04Q670.131 330.789 677.459 330.789Q684.788 330.789 691.902 332.04Q698.832 333.258 705.343 335.624Q711.732 337.945 717.494 341.29Q723.196 344.599 728.067 348.783Q732.93 352.961 736.773 357.847Q740.647 362.773 743.333 368.228Q746.064 373.777 747.47 379.677Z">
      </path>
      <ellipse  cx="677.458740234375" cy="391.96002197265625" rx="58.1143798828125" ry="49.9244384765625"    fill="#FFFFFF" >
      </ellipse>
      <path fill-rule="evenodd"  fill="rgba(255, 177, 92, 1)"  d="M677.459 441.884C709.554 441.884 735.573 419.533 735.573 391.96C735.573 364.388 709.554 342.036 677.459 342.036C645.363 342.036 619.344 364.388 619.344 391.96C619.344 419.533 645.363 441.884 677.459 441.884ZM733.42 382.13Q734.573 386.973 734.573 391.96Q734.573 396.947 733.42 401.79Q732.295 406.511 730.109 410.951Q727.96 415.315 724.862 419.255Q721.789 423.162 717.9 426.503Q714.007 429.848 709.449 432.493Q704.844 435.166 699.738 437.021Q694.535 438.912 688.998 439.885Q683.314 440.884 677.459 440.884Q671.604 440.885 665.92 439.885Q660.383 438.912 655.18 437.021Q650.073 435.166 645.468 432.493Q640.911 429.848 637.017 426.503Q633.128 423.162 630.055 419.255Q626.957 415.315 624.808 410.951Q622.622 406.511 621.498 401.79Q620.344 396.947 620.344 391.96Q620.344 386.973 621.498 382.13Q622.622 377.409 624.808 372.969Q626.957 368.605 630.055 364.665Q633.128 360.758 637.017 357.417Q640.911 354.072 645.468 351.427Q650.073 348.754 655.18 346.899Q660.383 345.008 665.92 344.035Q671.604 343.036 677.459 343.036Q683.314 343.036 688.998 344.035Q694.535 345.008 699.738 346.899Q704.844 348.754 709.449 351.427Q714.007 354.072 717.9 357.417Q721.789 360.758 724.862 364.665Q727.96 368.605 730.109 372.969Q732.295 377.409 733.42 382.13Z">
      </path>
      <path d="M686.801 378.836L686.801 377.156L686.811 377.156C686.811 374.593 684.417 372.536 681.461 372.536L675.511 372.536C672.564 372.536 670.171 374.597 670.171 377.156L670.171 378.836C670.171 380.774 668.599 382.346 666.661 382.346C664.724 382.346 663.151 380.774 663.151 378.836L663.151 377.156C663.151 371.252 668.682 366.466 675.511 366.466L681.461 366.466C688.295 366.466 693.821 371.252 693.821 377.156L693.821 378.836C693.821 380.775 692.25 382.346 690.311 382.346C688.373 382.346 686.801 380.775 686.801 378.836ZM680.959 416.391C691.311 416.391 699.719 409.135 699.719 400.171L699.719 385.581L656.439 385.581L656.439 400.171C656.439 409.135 664.829 416.391 675.189 416.391L680.959 416.391ZM677.083 398.287L677.083 405.727C677.083 406.616 677.923 407.337 678.953 407.337C679.987 407.337 680.833 406.62 680.833 405.727L680.833 398.297C682.599 397.665 683.843 396.153 683.843 394.397C683.843 392.061 681.661 390.177 678.973 390.177C676.277 390.177 674.083 392.061 674.083 394.397C674.083 396.15 675.317 397.655 677.083 398.287Z" fill-rule="evenodd"  fill="#FFAB4F" >
      </path>
      <path     fill="#1E1E1F"  d="M716.775 493.77C706.394 503.675 692.16 509.954 676.845 511.382L675.787 511.476L675.869 510.715C677.107 498.236 683.097 486.396 692.909 477.034L692.923 477.021C703.405 467.02 717.597 460.468 732.997 458.533L732.941 459.789C732.348 472.338 726.621 484.376 716.775 493.77">
      </path>
      <path    stroke="rgba(255, 255, 255, 1)" stroke-width="1"  stroke-linecap="round"  d="M721.175 471.826L689.819 498.354">
      </path>
      <path     fill="#1E1E1F"  d="M637.322 493.77C647.703 503.675 661.936 509.954 677.251 511.383L678.31 511.477L678.228 510.715C676.99 498.236 670.999 486.396 661.188 477.035L661.173 477.021C650.691 467.02 636.5 460.468 621.1 458.533L621.156 459.789C621.748 472.338 627.476 484.376 637.322 493.77">
      </path>
      <path    stroke="rgba(255, 255, 255, 1)" stroke-width="1"  stroke-linecap="round"  d="M632.922 471.826L664.277 498.354">
      </path>
      <path d="M609.453 533.236L747.938 533.236L735.366 618.214L621.462 618.214L609.453 533.236Z"   fill="#1E1E1F" >
      </path>
      <rect  x="594.6151123046875" y="509.86663818359375" width="168.16064453125" height="25.4932861328125"    fill="#FFFFFF" >
      </rect>
      <path fill-rule="evenodd"  fill="rgba(30, 30, 31, 1)"  d="M762.776 509.867L594.615 509.867L594.615 535.36L762.776 535.36L762.776 509.867ZM595.615 534.36L595.615 510.867L761.776 510.867L761.776 534.36L595.615 534.36Z">
      </path>
      <path    stroke="rgba(30, 30, 31, 1)" stroke-width="1"  stroke-linecap="round"  d="M28.5256 618.213L795.484 618.213">
      </path>
      </svg>
    </div>
    <div class="login-right">
      <div class="login-form">
        <h2 class="login-title">{{ isLogin ? '登录' : '注册' }}</h2>
        <!-- 登录表单 -->
        <el-form v-if="isLogin" :model="loginForm" class="form-content">
          <el-form-item>
            <el-input 
              v-model="loginForm.userAccount"
              placeholder="请输入用户名"
              :prefix-icon="User"
            />
          </el-form-item>
          <el-form-item>
            <el-input 
              v-model="loginForm.userPassword"
              type="password"
              placeholder="请输入密码"
              :prefix-icon="Lock"
              show-password
            />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" class="login-button" @click="handleLogin">
              登录
            </el-button>
          </el-form-item>
          <el-form-item class="form-footer">
            <el-button link type="primary" @click="toggleForm">
              还没有账号？立即注册
            </el-button>
          </el-form-item>
        </el-form>

        <!-- 注册表单 -->
        <el-form v-else :model="registerForm" class="form-content">
          <el-form-item>
            <el-input 
              v-model="registerForm.username"
              placeholder="请输入用户名"
              :prefix-icon="User"
            />
          </el-form-item>
          <el-form-item>
            <el-input 
              v-model="registerForm.email"
              placeholder="请输入邮箱"
              :prefix-icon="Message"
            />
          </el-form-item>
          <el-form-item>
            <el-input 
              v-model="registerForm.password"
              type="password"
              placeholder="请输入密码"
              :prefix-icon="Lock"
              show-password
            />
          </el-form-item>
          <el-form-item>
            <el-input 
              v-model="registerForm.confirmPassword"
              type="password"
              placeholder="请确认密码"
              :prefix-icon="Lock"
              show-password
            />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" class="login-button" @click="handleRegister">
              注册
            </el-button>
          </el-form-item>
          <el-form-item class="form-footer">
            <el-button link type="primary" @click="toggleForm">
              已有账号？立即登录
            </el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</div>
</template>

<style scoped>
.login-container {
  min-height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  padding: 20px;
}

.login-content {
  display: flex;
  width: 85%;
  max-width: 1240px;
  height: 90vh;
  max-height: 640px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.login-left {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #f0f2f5;
}

@media screen and (max-width: 768px) {
  .login-left {
    display: none;
  }
}

.login-right {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}

.login-form {
  width: 100%;
  max-width: 360px;
}

.login-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  color: #333;
  font-weight: 500;
}

.form-content {
  margin-top: 20px;
}

.login-button {
  width: 100%;
  height: 40px;
  font-size: 16px;
}

.form-footer {
  text-align: center;
  margin-top: 20px;
}

:deep(.el-input__wrapper) {
  height: 40px;
  box-shadow: 0 0 0 1px #dcdfe6 inset;
}

:deep(.el-input__wrapper:hover) {
  box-shadow: 0 0 0 1px #c0c4cc inset;
}

:deep(.el-input__wrapper.is-focus) {
  box-shadow: 0 0 0 1px #409eff inset;
}

:deep(.el-form-item) {
  margin-bottom: 25px;
}

:deep(.el-form-item:last-child) {
  margin-bottom: 0;
}

:deep(.el-button--primary) {
  background-color: #409eff;
  border-color: #409eff;
}

:deep(.el-button--primary:hover) {
  background-color: #66b1ff;
  border-color: #66b1ff;
}
</style>